﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="VerUsuario.aspx.cs" Inherits="Pages_VerUsuario" MasterPageFile="~/Pages/MasterPage.master" %>

<asp:Content ID="contHead" runat="server" ContentPlaceHolderID="cphHead">
    <script src="../js/HomeAndPerfil.js" type="text/javascript"></script>
    <script src="../js/Funciones.js" type="text/javascript"></script>
    <link href="../css/Home.css" rel="stylesheet" type="text/css" />
</asp:Content>

<asp:Content ID="contBody" runat="server" ContentPlaceHolderID="cphContenido">
	<div class="container_12">
    <script type="text/javascript">
        setIdUsuarioLogueado('<%=Session["IdUsuario"]%>');
        traerPosts(getParameterByName('idUsuario'), 10, "../servicios/Usuario.asmx/BuscarPostDeUsuario");
        traerContactos(getParameterByName('idUsuario'), 3);
        traerUsuario(getParameterByName('idUsuario'));
        
        var esSeguidoParametros = "{'idUsuarioLogueado': '" + <%=Session["IdUsuario"]%> + "', 'idUsuarioEnCuestion': '" + getParameterByName('idUsuario') + "'}";

        LlamarWebService("../Servicios/Usuario.asmx/esSeguido", esSeguidoParametros, mostrarSeguir, FuncionFallo);
        
        function mostrarSeguir(esSeguido) {
            if(!esSeguido) {
                $('#seguirUsuario').show();
            }else {
                $('#seguirUsuario').slideUp("slow").delay(1000);
                
            }
        }

        $(document).ready(function () {
            if ('<%=Session["IdUsuario"]%>' == getParameterByName('idUsuario')) {
                $('#btnSubir').show();
            }
            else {
                $('#btnSubir').hide();
            }

            $(window).scroll(function () {
                if ($(window).scrollTop() == $(document).height() - $(window).height()) {
                    if (cantPost < CANTIDAD_SCROLL) {
                        traerPosts(getParameterByName('idUsuario'), 1, "../servicios/Usuario.asmx/BuscarPostDeUsuario");
                    } else {
                        if (traerMasPost) {
                            $('<div id="traerMasPosts" class="caja-post alpha ContenidoPagina"><a href="javascript:aunMasPosts();">Aún Más Posts!</a></div>').appendTo('#post-nuevos');
                            traerMasPost = false;
                        }
                    }
                }
            });
        });

        function GoToUploadFoto() {
            window.location = "UploadFotos.aspx";
        }

        function GoToVerFoto() {
            window.location = "VerFoto2.aspx?idUsuario=" + getParameterByName('idUsuario');
        }

        function newContacto() {
            NewContacto2(<%=Session["IdUsuario"]%>, getParameterByName('idUsuario'));
            $('#seguirUsuario').slideUp();
            $('#siguiendoUsuario').slideDown("slow").delay(1000);
            $('#siguiendoUsuario').slideUp("slow");
        }
    </script>
	    <div id="scroll" class="grid_12 separacion"></div>
        <br />
		<div class="grid_12 omega">
		    <div style="height:100%;" class="grid_3">
			    <div id="Perfil" class="alpha grid_3 ContenidoPagina">
				    <div id="fotoPerfilUsuario"></div>
				    <div id="nombreUsuario"></div>
				    <div id="tipoUsuario"></div>
			    </div>
                <div id="AccionesFotos" class="alpha grid_3">
                    <div id="AccionVerFotos" class="alpha grid_1">
                        <input id="seguirUsuario" class="butoon recuadro" type="button" style="display:none;" value="Seguir Usuario" onclick="newContacto()"/>
                        <input id="siguiendoUsuario" class="butoon recuadro" type="button" style="display:none;" value="Estas siguiendo a este usuario" />
                        <input id="btnVerFotos" class="butoon recuadro" type="button" value="Ver fotos" onclick="GoToVerFoto()" />
                    </div>
                    <div id="AccionSubirFoto" class="grid_1">
                        <input id="btnSubir" class="butoon recuadro" type="button" value="Subir foto" onclick="GoToUploadFoto()" />
                    </div>
                </div>
			    <div id="Contactos" class="alpha grid_3 omega">
                    <div class="alpha grid_1 omega">Contactos:</div>
                    <div id="ContainerbtnVerTodos" class="grid_2">
                        <input id="btnVerTodos" class="butoon recuadro" type="button" value="Ver todos" onclick="IrAVerTodos(getParameterByName('idUsuario'))"/>
                        
                    </div>
			        <div id="MisContactos" class="alpha grid_3 ContenidoPagina">                                              
			        </div>                    
			    </div>
            </div>
            <div id="loaderDiv" ><img id="loaderLarge" alt="loader" src="../Images/ajax-loader-large.gif" /></div>
            <div id="bancadores" class="contenedorBancadores"><div id="cerrarBancadores" onclick="cerrarBancadores();"><b>x</b></div></div>												
            <div class="newPosts" id="post-nuevos"></div><!--ATENCION: NO dejar espacios entre la etiqueta div y su etiqueta de cierre-->	     	     
        </div>	       	
    </div>
</asp:Content>

